<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:c="http://java.sun.com/jsp/jstl/core">


    <h:form id="calificacionProveedorabastecimiento" prependId="false">
        <center>
            <p:growl id="myGrowlCa" showDetail="true" globalOnly="true" life="2000" />
        </center>
        <center>
            <p:panelGrid style="width: 80%; font-size: 12px">
                <f:facet name="header">
                    <p:row>
                        <p:column colspan="6">Calificación de Proveedores por construcción</p:column>
                    </p:row>
                </f:facet>


                <p:row >
                    <p:column>
                        <h:outputLabel  value="Buscar:" />
                    </p:column>

                </p:row>
                <p:row>
                    <p:column>
                        <p:outputLabel value="Construccion"></p:outputLabel>
                        <p:selectOneMenu style="font-size: 12px" required="true" 
                                         id="construccionCalAbastecimiento" 
                                         requiredMessage="#{msg.requiredSelect}"
                                         converter="construccionConverter" 
                                         value="#{gestionarCalificacionAbastecimiento.construccionSelected}">  
                            <f:selectItem  itemLabel="--Seleccione una construccion--" itemValue="" />  
                            <f:selectItems value="#{gestionarCalificacionAbastecimiento.listaConstrucciones}" var="construccion" 
                                           itemValue="#{construccion}" itemLabel="#{construccion.nombreConstruccion}"></f:selectItems>

                            <p:ajax global="false" event="change" listener="#{gestionarCalificacionAbastecimiento.cargarProveedores}"
                                    update="dataTableProveedores,myGrowlCa"
                                    process="@this"/>
                        </p:selectOneMenu> 
                        <p:message for="construccionCalAbastecimiento" id="construccionCalAbastecimientomsg"></p:message>
                    
                        
                        <p:commandButton value="Actualizar" actionListener="#{actualizarCalificacionAbastecimiento}"
                                         process="@this"
                                         update="construccionCalAbastecimiento" 
                                         />
                    </p:column>
                    
                    
                </p:row>
                <p:row>
                    <p:column>
                        <p:dataTable id="dataTableProveedores" rows="30" 
                                     value="#{gestionarCalificacionAbastecimiento.listaCalificaciones}" 
                                     var="proveedor" paginator="true"
                                     paginatorAlwaysVisible="false" emptyMessage="No se han seleccionado materiales para la construcción">                                

                            <p:column id="nombreProveAbasCal" headerText="Nombre Proveedor" >
                                <h:outputText value="#{proveedor.proveedorIdProveedor.razonSocialProveedor}"/>
                            </p:column>
                            <p:column headerText="Calificación: ">
                                <p:rating id="calificacion" value="#{proveedor.calificacionProveedorMaterialConstruccion}" 
                                          required="true" requiredMessage="#{msg.requiredSelect}">
                                </p:rating>
                                <p:message id="msgcalificacion" for="calificacion"/>
                            </p:column>
                        </p:dataTable>
                    </p:column>
                </p:row>
                <p:row >
                    <p:column  style="text-align: left">
                        <p:commandButton value="Guardar" 
                                         process="@this,construccionCalAbastecimiento,dataTableProveedores"
                                         update="construccionCalAbastecimientomsg,dataTableProveedores,construccionCalAbastecimiento,myGrowlCa"
                                         actionListener="#{guardarCalificacionAbastecimiento}" />
                    </p:column>
                </p:row>
                <p:row>
                    <p:column colspan="5">
                        <br></br>
                        <br></br>
                        <br></br>
                        <br></br>
                        <p:separator title=""  style="background-color: black; width:100%;height:5px" />
                    </p:column>

                </p:row>
                <p:row>
                    <p:column>
                        <p:panel header="Puntuación de Proveedores">
                            <p:dataTable id="dataTableProveedoresCalificados" rows="30" 
                                         value="#{gestionarCalificacionAbastecimiento.listaCalificados}" 
                                         var="proveedorCalificado" paginator="true"
                                         paginatorAlwaysVisible="false" emptyMessage="No se han registrado calificaciones a los proveedores">                                

                                <p:column id="nombreProveAbasCal" headerText="Nombre Proveedor" >
                                    <h:outputText value="#{proveedorCalificado.proveedorIdProveedor.razonSocialProveedor}"/>
                                </p:column>
                                <p:column headerText="Calificación: ">
                                    <p:rating id="calificacionCalificado" value="#{proveedorCalificado.valorCalificacionProveedor}" 
                                              readonly="true">
                                    </p:rating>

                                </p:column>
                            </p:dataTable>
                        </p:panel>
                    </p:column>
                </p:row>
            </p:panelGrid>

        </center>

        <br></br>
        <br></br>


    </h:form>
</html>
